<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="base::header">
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body class="smoke-scroll-container ">
<div style="margin: 10px; background-color: white" id="roleUser_div_id">
    <div style="display: flex;
          flex-flow: row nowrap;align-items: center;">
        <div>
            <button type="button" class="layui-btn" id="add_roleUser_button_id">新增</button>
            <button type="button" class="layui-btn" id="delete_roleUser_button_id">移除</button>
        </div>
        <div class="layui-form" action="" style="margin-left: 10px">
            <div class="layui-form-item vertical-center">
                <div class="layui-inline">
                    <input type="text" name="keyword" placeholder="用户名、用户账号" id="keyword_roleUser_input_id"
                           class="layui-input" th:value="${param.keyword?:''}">
                </div>
                <div class="layui-inline">
                    <button type="button" class="layui-btn" lay-submit lay-filter="search_roleUser_button_filter">查询
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div style="margin: 10px;" id="roleUser_table_id"></div>
</div>

<div style="margin: 10px; background-color: white; display: none" id="add_roleUser_div_id">
    <div style="display: flex;
          flex-flow: row nowrap;align-items: center;">
        <div>
            <button type="button" class="layui-btn" id="return_roleUser_button_id">返回</button>
        </div>
        <div class="layui-form" action="" style="margin-left: 10px">
            <div class="layui-form-item vertical-center">
                <div class="layui-inline">
                    <input type="text" name="keyword" placeholder="用户名、用户账号" id="keyword_notRoleUser_input_id"
                           class="layui-input">
                </div>
                <div class="layui-inline">
                    <button type="button" class="layui-btn" lay-submit lay-filter="search_notRoleUser_button_filter">查询
                    </button>
                </div>
            </div>
        </div>
    </div>

    <div style="margin: 10px;" id="add_roleUser_table_id"></div>
    <div>
        <div style="display: flex;
          flex-flow: row nowrap;align-items: center;justify-content: flex-end;">
            <div>
                <button type="button" class="layui-btn" id="submit_roleUser_button_id">添加用户</button>
            </div>
        </div>
    </div>
</div>


<script th:src="@{/js/admin/roleUsers.js}"></script>
</body>
</html>